<template>
	<div>
		<h3>自定义组件</h3>
		<BButton></BButton>
		<br>
		<div>
			<el-button @click="handleClick">{{ open ? '收起' : '展开' }}</el-button>
			<BSlider :open="open">
				<div class="content">内容</div>
			</BSlider>
		</div>
	</div>
</template>

<script setup>
import {ref} from 'vue'
const open = ref(false)
const handleClick = () => {
	open.value = !open.value
}
</script>
<style lang='less' scoped>
.content{
    margin-top: 20px;
    height: 300px;
    background-color: antiquewhite;
}
h3{
	color: var(--red-500);
}
</style>
